<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <base th:href="@{/}"/>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/theme.css">
    <script src="jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="script/docs.min.js"></script>
    <meta charset="UTF-8">
    <title>项目详情信息</title>
    <style>
        .login_form {position: absolute;}

        .light {
            position: absolute;
            display: block;
        }
        .light:nth-child(1) {
            filter: hue-rotate(0deg);
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, transparent, #3a86ff);
            animation: animate1 8s linear infinite;
        }

        @keyframes animate1 {
            0% {
                left: -100%;
            }

            50%,
            100% {
                left: 100%;
            }
        }
        .light:nth-child(2) {
            filter: hue-rotate(60deg);
            top: -100%;
            right: 0;
            width: 3px;
            height: 100%;
            background: linear-gradient(180deg, transparent, #3a86ff);
            animation: animate2 8s linear infinite;
            animation-delay: 2s;
        }

        @keyframes animate2 {
            0% {
                top: -100%;
            }

            50%,
            100% {
                top: 100%;
            }
        }
        .light:nth-child(3) {
            filter: hue-rotate(120deg);
            bottom: 0;
            right: 0;
            width: 100%;
            background: linear-gradient(270deg, transparent, #3a86ff);
            animation: animate3 8s linear infinite;
            animation-delay: 4s;
        }

        @keyframes animate3 {
            0% {
                right: -100%;
                height: 3px;
            }

            50%,
            100% {
                height: 2px;
                right: 100%;
            }
        }
        .light:nth-child(4) {
            filter: hue-rotate(300deg);
            bottom: -100%;
            left: 0;
            width: 3px;
            height: 100%;
            background: linear-gradient(360deg, transparent, #3a86ff);
            animation: animate4 8s linear infinite;
            animation-delay: 6s;
        }

        @keyframes animate4 {
            0% {
                bottom: -100%;
            }

            50%,
            100% {
                bottom: 100%;
            }
        }
        .wrapper {
            border-radius: 10px;
            text-transform: uppercase;
            background: transparent;
            color: #555;
            cursor: help;
            font-family: "Gill Sans", Impact, sans-serif;
            font-size: 20px;
            margin: 10px 75px 10px 75px;
            padding: 15px 20px;
            position: relative;
            text-align: center;
            width: 580px;
            -webkit-transform: translateZ(0); /* webkit flicker fix */
            -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
        }

        .center {
            border-radius: 15px;
            position: fixed;
            top: 50%;
            left: 50%;
            text-align: center;
            background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);

            width:20%;
            height: 15%;
            -webkit-transform: translateX(-50%) translateY(-50%);}

        input{
            outline-style: none ;
            border: 1px solid #ccc;
            border-radius: 3px;
            padding: 13px 14px;

            font-size: 14px;
            font-weight: 700;
            font-family: "Microsoft soft";
        }
        input:focus{
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
        }

    </style>
</head>
<body style=" background: linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);
 background-blend-mode: normal,color-burn;">



<form action=""  method="post" role="form">
    <div class="login_form block" style="text-align: center;" >
        <div class="center">
            <span class="light"></span><span class="light"></span><span class="light"></span><span class="light"></span>

            <div style="text-align: center">
                <p style="font-size: large;font-weight: bold"  th:text="${session.message}">申请通过</p>
            </div>

        </div>
    </div>
</form>

<script language="javascript">
    $(function() {
        window.setTimeout(function(){
            location.href="http://localhost:8888/auth/member/my/crowd";
        }, 3000);
    });
</script>
</body>
</html>